<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人信息</title>
		<link rel="icon" href="image/logo.png" >
		<link rel="stylesheet" type="text/css" href="${project_name}/css/head.css" />
		<link rel="stylesheet" type="text/css" href="${project_name}/css/footer.css" />
		<link rel="stylesheet" type="text/css" href="${project_name}/css/suercenter.css" />
		<script type="text/javascript" src="${project_name}/My97DatePicker/WdatePicker.js"></script>
		<script type="text/javascript" src="${project_name}/js/jquery-1.8.3.js"></script>
	</head>
	 <script>
		 $(function () {
			 $("#showPath").click(function () {
				 $("#clickfile").click()
			 })
			 $("#confirmSelection").click(function () {
				 $("#fileSubmit").click()
			 })
		 })
	 </script>
	<body>
		<!--顶部公用-->
		<jsp:include page="public_header.jsp"></jsp:include>
		<div class="w1000 ClearFix margin_top20">
			<jsp:include page="public_left.jsp"></jsp:include>
			<!--左侧end-->
			<div class="ur_right">
				<!--uer_top-->
				<div class="ur_location">
					<a>我的开心买</a>
					<span>&gt;</span>
					<a class="a_cur">个人信息</a>
				</div>
				<!--uer_top-->
				<div class="o_o_part">
					<div class="part_h2">个人资料</div>
					<form action="${project_name}/fileupload" method="post" enctype="multipart/form-data">
						<input type="file" name="file" value="选择头像" hidden id="clickfile">
						<button id="fileSubmit" hidden >提交</button>
					</form>
					<form action="${project_name}/front_user/update" method="post" id="myinfo" >
						<input hidden readonly name="id" value="${user.id}">
						<div class="new_addr">
							<div class="addr_item" style="margin-top: -50px">
								<span class="label_n"><span class="c_red"></span>当前头像：</span>
								<img alt="暂无头像" src="${project_name}${user.image}" width="120" height="120" >
								<button id="showPath" type="button">选择头像</button>
								<button id="confirmSelection" type="button">确认选择</button>
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red"></span>登录用户名：</span>
								<input name="username" class="itxt itxtaddr" readonly value="${user.username}" type="text" >
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red">*</span>昵称：</span>
								<input placeholder="昵称" name="nickname" class="itxt itxtaddr" type="text" value="${user.nickname}" >
								<div class="addr_msg">
									<span class="nc"></span>
								</div>
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red">*</span>密码：</span>
								<input placeholder="密码" name="password" class="itxt itxtaddr" value="${user.password}" type="password" >
								<div class="addr_msg">
									<span class="pwd"></span>
								</div>
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red">*</span>性别：</span>
								<c:choose>
									<c:when test="${user.gender == '男'}">
										<input type="radio" name="gender" checked value="男" id="men">
										<label for="men">男</label>
										<input type="radio" name="gender"  value="女" id="women">
										<label for="women">女</label>
									</c:when>
									<c:when test="${user.gender == '女'}">
										<input type="radio" name="gender"  value="男" id="men">
										<label for="men">男</label>
										<input type="radio" name="gender" checked value="女" id="women">
										<label for="women">女</label>
									</c:when>
								</c:choose>
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red">*</span>生日：</span>
								<input placeholder="" name="birthday" class="itxt itxtaddr Wdate" value="${user.birthday}" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  >
								<div class="addr_msg">
									<span class="birthdate"></span>
								</div>
							</div>
							<div class="addr_item">
								<span class="label_n"><span class="c_red">*</span>居住地：</span>
								<input placeholder="居住地" name="location" class="itxt itxtaddr" type="text" value="${user.location}">
								<div class="addr_msg">
									<span class="jzd"></span>
								</div>
							</div>
							<div class="addr_item btn_item">
								<a href="javascript:$('#myinfo').submit();" onclick="" id="addresssubmit" class="btn_addaddr">确定</a>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!--底部公用-->
	    <div class="footer">
	    	<div class="footer_b w1200"><img src="${project_name}/image/foot_img1.jpg"/></div>
	    	<div class="footer_help w1200">
	    		<div class="footer1_l">
	    			<dl class="helpDl">
	    				<dt><h5>使用帮助</h5></dt>
	    				<dd><a href="">税费收取规则 </a></dd>
	    				<dd><a href="">新手指南 </a></dd>
	    			    <dd><a href="">常见问题 </a></dd>
	    				<dd><a href="">用户协议 </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>会员服务</h5></dt>
	    				<dd><a href="">积分政策  </a></dd>
	    				<dd><a href="">会员权益  </a></dd>
	    			    <dd><a href="">会员等级  </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>支付方式</h5></dt>
	    				<dd><a href="">积分支付  </a></dd>
	    				<dd><a href="">货到付款  </a></dd>
	    			    <dd><a href="">在线支付  </a></dd>
	    				<dd><a href="">优惠券支付  </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>配送方式</h5></dt>
	    				<dd><a href="">包邮政策   </a></dd>
	    				<dd><a href="">费用说明   </a></dd>
	    			    <dd><a href="">配送说明   </a></dd>
	    			</dl>
	    			<dl class="helpDl">
	    				<dt><h5>售后服务</h5></dt>
	    				<dd><a href="">电子发票   </a></dd>
	    				<dd><a href="">售后咨询   </a></dd>
	    			    <dd><a href="">退货办理   </a></dd>
	    				<dd><a href="">退货政策   </a></dd>
	    			</dl>
	    		</div>
	    		<div class="footer1_r">
	    			<ul>
	    				<li>
	    					<h2>手机开心买</h2>
	    					<img src="${project_name}/image/footer_ewm_01.png"/>
	    					<p>下载移动客户端</p>
	    				</li>
	    				<li>
	    					<h2>开心买微信</h2>
	    					<img src="${project_name}/image/footer_ewm_02.png"/>
                            <p>开心买官方微信</p>
	    				</li>
	    			</ul>
	    		</div>
	    	</div>
	        <div class="footer_nav">
	        	<div class="w720">
	        		<ul>
	        			<li>
	        				<a href="">关于开心买 </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">投资者关系 </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">商家入驻  </a>
	        				<span class="line"></span>
	        			</li>
	        			<li>
	        				<a href="">联系我们 </a>
	        				<span class="line"></span>
	        			</li>
	        		</ul>
	        	</div>
	        </div>
	        <div class="footer_bottom">
	        	<div class="w1200">
	        		<p>
	        			<span class="font_arial">Copyright© 2006-2016 happigo. All Rights Reserved </span>
                                           免费服务热线: 400-705-1111 | 固话也可拨打: 800-705-1111
                        <span class="font_arial">E-Mail: service@happigo.com</span><br>
                                           湘ICP备12000157号 信息网络传播视听节目许可证号：1810530
	        		</p>
	        		<p class="footer_b">
	        			<a href="http://www.itrust.org.cn/home/index/itrust_certifi/wm/2782875193.jsp">
	        				<img src="${project_name}/image/foot_img3.png"/>
	        			</a>
	        			<a href="https://search.szfw.org/cert/l/CX20150428007576007720">
	        				<img src="${project_name}/image/foot_img4.png"/>
	        			</a>
	        		</p>
	        	</div>
	        </div>
	    </div>
	    <!--底部end-->
	</body>
</html>
